<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>E.T.A.S</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <link rel="stylesheet" href="css/skins.en.css" type="text/css"/>
        <link rel="stylesheet" href="css/appointment.css" type="text/css"/>
        <link rel="stylesheet" href="css/jquery.ui.all.css" type="text/css"/>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="js/jquery.ui.datepicker.min.js"></script>
        <script type="text/javascript">
                var RecaptchaOptions = {
                    custom_translations : {
                        instructions_visual : "Enter two words:",
                        instructions_audio : "Trascrivi ci\u00f2 che senti:",
                        play_again : "Riascolta la traccia audio",
                        cant_hear_this : "Scarica la traccia in formato MP3",
                        visual_challenge : "Modalit\u00e0 visiva",
                        audio_challenge : "Modalit\u00e0 auditiva",
                        refresh_btn : "Chiedi due nuove parole",
                        help_btn : "Aiuto",
                        incorrect_try_again : "Scorretto. Riprova."
                    },

                    lang : 'en'
                };
            </script>
    </head>
    <body>
        <div id="header-outter">
            <div id="header">
                <div id="h-date">
                    Thứ 2 ngày 16/4/2012 8:00 AM
                </div>
                <div id="h-language-switcher">
                    <a href="#"><img src="images/en.jpg" alt=""/></a>
                    <a href="#"><img src="images/vi.jpg" alt=""/></a>
                </div>
                <div id="h-search">
                    <form name="frmSearch" action="" method="post">
                        <input type="text" id="keyword" name="keyword" size="20" value="Nhập từ tìm kiếm..."/>
                        <input type="submit" id="btnSearch" name="btnSearch" value=""/>
                    </form>

                </div>
                <div id="h-menu">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Tin tức</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end of header -->
        <div id="main-outter">
            <div id="main">
                <div id="m-top">
                    <div id="logo">
                        <a href="#">
                            <img src="images/logo.jpg" alt=""/>
                        </a>
                    </div>
                    <div id="mt-banner">
                        <img src="images/banner.png" alt=""/>
                    </div>
                </div>
                <div id="m-middle">
                    <div id="mm-wrapper">
                        <div id="mmw-container">
                            <div id="celandar"></div>
                            <script>
                                $(function() {
                                    $( "#celandar" ).datepicker({
                                        prevText: '',
                                        nextText: '',
                                        onSelect: function(dataText, inst){
                                            var arrData = dataText.split('/');
                                            var day = arrData[1];
                                            var month = arrData[0];
                                            var year = arrData[2];
                                            $('#day').val(day);
                                            $('#month').val(month);
                                            $('#year').val(year);
                                        }
                                    });
                                });
                            </script>
                            <div id="appointment">
                                <h3>Đặt lịch hẹn</h3>
                                <form name="frmAppointment" method="post" action="">
                                    <div class="row"> 
                                        <label for="name">Tên</label>
                                        <input class="text" type="text" name="name" id="name" value="" size="60"/>
                                    </div>
                                    <div class="row">
                                        <label for="email">Email</label>
                                        <input class="text" type="text" name="email" id="email" value="" size="60"/>
                                    </div>
                                    <div class="row">
                                        <label for="phone">Điện thoại</label>
                                        <input class="text" type="text" name="phone" id="phone" value="" size="60"/>
                                    </div>
                                    <div class="row">
                                        <label>Ngày hẹn</label>
                                        <input class="text" type="text" name="day" id="day" value="" size="5"/>
                                        <span>Ngày</span>
                                        <input class="text" type="text" name="month" id="month" value="" size="5"/>
                                        <span>Tháng</span>
                                        <input class="text" type="text" name="year" id="year" value="" size="5"/>
                                        <span>Năm</span>
                                    </div>
                                    <div class="row">
                                        <label>Thời gian</label>
                                        <input class="text" type="text" name="hour" id="hour" value="" size="5"/>
                                        <span>:</span>
                                        <input class="text" type="text" name="minute" id="minute" value="" size="5"/>
                                    </div>
                                    <div class="row">
                                        <label >Mã xác nhận</label>
                                        <script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LdHatASAAAAAJ-O5wIkrQgS7_ofgG2LRMnbKBif"></script>
                                        <noscript>
                                            <iframe src="http://www.google.com/recaptcha/api/noscript?k=6LdHatASAAAAAJ-O5wIkrQgS7_ofgG2LRMnbKBif"
                                                    height="300" width="500" frameborder="0"></iframe><br>
                                            <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
                                            <input type="hidden" name="recaptcha_response_field" value="manual_challenge">
                                        </noscript>
                                    </div>
                                    <div class="row clearfix">
                                        <input type="submit" name="btnSubmit" id="btnSubmit" value="Đặt lịch hẹn"/>
                                    </div>
                                </form>
                            </div>
                            <div class="clearfix"></div>
                        </div><!-- end of #mmw-container -->
                    </div><!-- end of #mm-wrapper -->
                </div><!-- end of #m-middle -->
            </div>
        </div><!-- end of #main-outter -->
        <div id="footer-outter">
            <div id="footer">
                <div class="f-left">
                    <div id="copy-right">
                        Copyright@ 2012 E . T . A . S  Du học Anh quốc, Canada, Singapore, Newzilan<br/>
                        Design by idgit.com.vn - Ideal development group.
                    </div>
                    <div id="f-social-share">
                        <a href="#"><img src="images/en/facebook-small.png" alt=""/></a>
                        <a href="#"><img src="images/en/twister-small.png" alt=""/></a>
                        <a href="#"><img src="images/en/youtube-small.png" alt=""/></a>
                    </div>
                </div>
                <div class="f-right" id="info">
                    <ul>
                        <li class="add">Tầng 7, tòa nhà sô 182, Lò Đúc, Hà Nội</li>
                        <li class="phone">(04) 3972 9125</li>
                        <li class="email">Webdesigner103@ etasvn.com</li>

                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>
